<!DOCTYPE html>
<html lang="zh-Hans"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  <meta name="apple-mobile-web-app-title" content="I am 玖琳 - 个人主页">
  <meta http-equiv="Cache-Control" content="no-siteapp">
  <meta name="author" content="I am Jn,jnyun.ksweb.club">
  <meta name="keywords" content="I am Jn">
  <meta name="description" content="">
  <link rel="shortcut icon" href="https://pic.imgdb.cn/item/64b895271ddac507cc31d73f.png" type="image/x-icon">
  <link rel="stylesheet" href="files/css.css" type="text/css">
  <link rel="stylesheet" href="files/font-awesome.css" type="text/css">
  <link rel="stylesheet" href="files/style.css" type="text/css">
  <!--[if lte IE 9]><link rel="stylesheet" href="css/ie9.css" /><![endif]-->
    <!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
  <link rel="shortcut icon" type="image/ico" href="/favicon.ico">
  <title>玖琳 - 个人主页</title>
  <script src="files/jquery.js"></script>
  <script src="files/skel.js"></script>
  <script src="files/util.js"></script>
  <script src="files/respond.js"></script>
  <!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
</head>
<body>
    
    <div id="wrapper">
        <article id="home" class="panel special" style="display: flex;">
            <div class="image" style="background-image: url(&quot;files/image1.jpg&quot;); background-position: center center;">
                <img src="files/image1.jpg" alt="" data-position="center center" style="display: none;">
            </div>
            <div class="content">
                <div class="inner">
                    <header>
                        <h1>玖琳  </h1>
                        <p><script src="files/a.js"></script><span title="">这里被废弃了，不要过多停留啦...</span></p>
                    </header>
                    <nav id="nav">
                        <ul class="actions vertical special spinY">
                            <li><a href="#about-me" class="button">关于玖琳</a>
                            </li>
                            <li><a href="#friends" class="button">玖琳的主要活跃地带</a>
                            </li>
                            <li><a href="#asphp-net" class="button">玖琳的项目</a>
                            </li>
                           <li><a href="#fsq" class="button">各交流群</a>
                            </li>
                        </ul>
                    </nav>
                    
                        </li>
                    </ul>
                </div>
            </div>
        </article>
        <article id="about-me" class="panel secondary inactive" style="display: none;">
            <div class="image" style="background-image: url(&quot;files/image5.jpg&quot;); background-position: center center;">
                <img src="files/image5.jpg" alt="" data-position="center center" style="display: none;">
            </div>
            <div class="content">
                <ul class="actions spinX">
                    <li><a href="#home" class="button small back">返回</a>
                    </li>
                </ul>
                <div class="inner">
                    <header>
                        <h2>关于玖琳</h2>
                        <blockquote>性格温和，无雷点（起码大部分情况下是这样的），畅所欲言吧！</blockquote>
                    </header>
                    <p>
                      <strong>ID：</strong>玖琳<br>
                      <strong>性别：</strong>男<br>
                      <strong>QQ：</strong><a href="https://qm.qq.com/cgi-bin/qm/qr?k=WO3CncTUVBmpi55Ug_lhwqK_lz7jQAlC&noverify=0&personal_qrcode_source=3" target="_blank"><b>3562671161</b></a> <br>
                      <strong>微信号：</strong>aZYZYZYZa<br>
                      <strong>年龄：</strong>15<br>
                      <strong>签名：</strong>来日方长;不乱于心，不困于情！不畏将来，不念过往，如此；安好！<br>
                      <strong>兴趣：</strong>偶尔发发神经，做做视频，摸摸鱼，刷刷B站<br>
                      <strong>一句话介绍：</strong>大佬眼中的小白，熟人眼里的技术宅(～￣▽￣)～，其实我就是一个弟弟<del></del>
                    </p></div></div></article><article id="friends" class="panel secondary inactive" style="display: none;"><b>
            <div class="image" style="background-image: url('files/image6.jpg'); background-position: center center;">
                <img src="files/image1.jpg" alt="" data-position="center center" style="display: none;">
            </div>
            </b><div class="content"><b>
                <ul class="actions spinX">
                    <li><a href="#home" class="button small back">返回</a>
                    </li>
                </ul>
                </b><div class="inner"><b>
                    <header>
                        <h2>B站</h2>
                        <h2>快手</h2>
                        <blockquote>玖琳的主要活跃平台</blockquote>
                        <h2>QQ</h2>
                    </header>
                    </b><p><b>Hi~ o(*￣▽￣*)ブ 老铁们，希望大家多多支持玖琳的项目和视频，有你们的时光里，玖琳才会对生活充满色彩和希望，玖琳在此承偌用心做好每个项目和视频</b>。</p>
                                        <p>但</p>

                    <ul class="actions">
                     
                      
                        <li><a href="https://b23.tv/c5jCa4E" target="_blank" class="button">随缘更新</a><br>
                       
                    </li></ul>
                </div>
            </div>
        </article>
        <article id="asphp-net" class="panel secondary inactive" style="display: none;">
            <div class="image" style="background-image: url(&quot;files/image6.jpg&quot;); background-position: center center;">
                <img src="files/image6.jpg" alt="" data-position="center center" style="display: none;">
            </div>
            <div class="content">
                <ul class="actions spinX">
                    <li><a href="#home" class="button small back">返回</a>
                    </li>
                </ul>
                <div class="inner">
                    <header>
                        <h3>我的项目</h3>
                        <blockquote>并不代表真实项目名称『所展示名称为化名』</blockquote>
                    </header>
                    <p>BBTT公益计划</p>
                    <p>航天模拟器萌新援助计划</p>
                    <p>玖琳航天</p>
                    <ul class="actions">
  <li><a href="https://b23.tv/c5jCa4E" target="_blank" class="button">玖琳的B站</a>
                        </li><br>
                      
                    </ul>
                </div>
            </div>
        </article>
        <article id="fsq" class="panel secondary inactive" style="display: none;">
            <div class="image" style="background-image: url(&quot;files/ifsq.jpg&quot;); background-position: center center;">
                <img src="files/ifsq.jpg" alt="" data-position="center center" style="display: none;">
            </div>
            <div class="content">
                <ul class="actions spinX">
                    <li><a href="#home" class="button small back">返回</a>
                    </li>
                </ul>
                <div class="inner">
<nav id="nav">
                        <ul class="actions vertical special spinY">
                             <li><a href="https://jq.qq.com/?_wv=1027&k=IvKhzs8Y" target="_blank" class="button">BBTT</a>
                           <li><a href="https://jq.qq.com/?_wv=1027&k=D6b25bJt" target="_blank" class="button">航天模拟器</a>
                        </li>
                        </ul>
                    </nav>
                        </li>
                      
                    </ul>
                </div>
            </div>
        </article>
        </article>
        <article id="jx" class="panel secondary inactive" style="display: none;">
            <div class="image" style="background-image: url(&quot;files/ijx.jpg&quot;); background-position: center center;">
                <img src="files/ijx.jpg" alt="" data-position="center center" style="display: none;">
            </div>
            <div class="content">
                <ul class="actions spinX">
                    <li><a href="#home" class="button small back">返回</a>  <a target="_blank">虽然知道你可能不喜欢，但这也是一份心意！↖最后点这里退出去吧！</a></p>                    
                    </ul>
                </div>
            </div>
        </article>     
        <footer id="footer" class="">       
            <p class="copyright">© 2023 <a target="_blank" href="http://jnyun.ksweb.club">玖琳</a></p>
             <span id="runtime_span">
                            </li>
        </footer>
    </div>
    <!--[if lte IE 8]><![endif]-->
    <script>
        (function($) {
            skel.breakpoints({
                xlarge: '(max-width: 1680px)',
                large: '(max-width: 1280px)',
                medium: '(max-width: 980px)',
                small: '(max-width: 736px)',
                xsmall: '(max-width: 480px)',
                xxsmall: '(max-width: 360px)'
            });
            $(function() {
                var $window = $(window),
                    $document = $(document),
                    $body = $('body'),
                    $wrapper = $('#wrapper'),
                    $footer = $('#footer');
                $window.on('load', function() {
                    window.setTimeout(function() {
                        $body.removeClass('is-loading-0');
                        window.setTimeout(function() {
                            $body.removeClass('is-loading-1');
                        }, 1500);
                    }, 100);
                });
                $('form').placeholder();
                var $wrapper = $('#wrapper'),
                    $panels = $wrapper.children('.panel'),
                    locked = true;
                $panels.not($panels.first()).addClass('inactive').hide();
                $panels.each(function() {
                    var $this = $(this),
                        $image = $this.children('.image'),
                        $img = $image.find('img'),
                        position = $img.data('position');
                    $image.css('background-image', 'url(' + $img.attr('src') + ')');
                    if (position) $image.css('background-position', position);
                    $img.hide();
                });
                window.setTimeout(function() {
                    locked = false;
                }, 1250);
                $('a[href^="#"]').on('click', function(event) {
                    var $this = $(this),
                        id = $this.attr('href'),
                        $panel = $(id),
                        $ul = $this.parents('ul'),
                        delay = 0;
                    event.preventDefault();
                    event.stopPropagation();
                    if (locked) return;
                    locked = true;
                    $this.addClass('active');
                    if ($ul.hasClass('spinX') || $ul.hasClass('spinY')) delay = 250;
                    window.setTimeout(function() {
                        $panels.addClass('inactive');
                        $footer.addClass('inactive');
                        window.setTimeout(function() {
                            $panels.hide();
                            $panel.show();
                            $document.scrollTop(0);
                            window.setTimeout(function() {
                                $panel.removeClass('inactive');
                                $this.removeClass('active');
                                locked = false;
                                $window.triggerHandler('--refresh');
                                window.setTimeout(function() {
                                    $footer.removeClass('inactive');
                                }, 250);
                            }, 100);
                        }, 350);
                    }, delay);
                });
                if (skel.vars.IEVersion < 12) {
                    $window.on('--refresh', function() {
                        $wrapper.css('height', 'auto');
                        window.setTimeout(function() {
                            var h = $wrapper.height(),
                                wh = $window.height();
                            if (h < wh) $wrapper.css('height', '100vh');
                        }, 0);
                        if (skel.vars.IEVersion < 10) {
                            var $panel = $('.panel').not('.inactive'),
                                $image = $panel.find('.image'),
                                $content = $panel.find('.content'),
                                ih = $image.height(),
                                ch = $content.height(),
                                x = Math.max(ih, ch);
                            $image.css('min-height', x + 'px');
                            $content.css('min-height', x + 'px');
                        }
                    });
                    $window.on('load', function() {
                        $window.triggerHandler('--refresh');
                    });
                    $('.spinX').removeClass('spinX');
                    $('.spinY').removeClass('spinY');
                }
            });
        })(jQuery);
    </script>
    <script language="JavaScript">
        var a_Colour='fff000';
var b_Colour='00ff00';
var c_Colour='ff00ff';
var Size=120;
var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6;
if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos = window.pageYOffset+evnt.pageX+6;
ypos = window.pageYOffset+evnt.pageY+16;
}
window.onMouseMove = nsMouse;
}
else if (document.all)
{
function ieMouse(){
xpos = document.body.scrollLeft+event.x+6;
ypos = document.body.scrollTop+event.y+16;
}
document.onmousemove = ieMouse;
}
function swirl(){
for (i = 0; i < 3; i++)
{
YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
}
ThisStep+=step;
setTimeout('swirl()',10);
}
var amount=10;
if (document.layers){
for (i = 0; i < amount; i++)
{
document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>');
document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>');
document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>');
}
}
else if (document.all){
document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">'
+'<div id="IDiv" style="position:relative">');
for (i = 0; i < amount; i++)
{
document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>');
}
document.write('</div></div>');
}
function prepos(){
var ntscp=document.layers;
var msie=document.all;
if (document.layers){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left;
ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left;
ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left;
}
else
{
ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];
ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];
ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];
}
}
}
else if (document.all){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;
msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;
msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;
}
else
{
msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];
msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];
msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];
}
}
}
setTimeout("prepos()",10);
}
function Start(){
swirl(),prepos()
}
window.onload=Start;
        </script>
<script type="text/javascript">

    function show_runtime() {
        window.setTimeout("show_runtime()", 1000);
        X = new Date("10/11/2021 8:00:00");
        Y = new Date();
        T = (Y.getTime() - X.getTime());
        M = 24 * 60 * 60 * 1000;
        a = T / M;
        A = Math.floor(a);
        b = (a - A) * 24;
        B = Math.floor(b);
        c = (b - B) * 60;
        C = Math.floor((b - B) * 60);
        D = Math.floor((c - C) * 60);
        runtime_span.innerHTML = "网站在各种灾难中运行了: " + A + "天" + B + "小时" + C + "分" + D + "秒"
    }
    show_runtime();
</script>


</body></html>